<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>API列表页</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css" />
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/API.css" />
  </head>
  <body>
    <!-- 头部 -->
    <header>
      <!-- logo -->
      <div class="logo"></div>
      <!-- 中间导航 -->
      <ul class="nav clearfix">
        <li class="fl nav-item">首页</li>
        <li class="fl nav-item active">API</li>
        <li class="fl nav-item">案例</li>
      </ul>
      <!-- 右侧登录和注册 -->
      <div class="login-register">
        <button class="login">登录</button>
        <button class="register">注册有礼</button>
      </div>
    </header>
    <!-- 主体内容 -->
    <main class="banxin main">
      <div class="APIsort"></div>
      <p>
        <span>全部</span>
        <input type="text" placeholder="身份证实名" />
        <img src="./images/magnifier.png" alt="" />
      </p>
      <ul class="clearfix api-content"></ul>
      <div class="banxin skip">
        <a href="" num="0" class="on">1</a>
        <a href="" num="1">2</a>
        <a href="" num="2">3</a>
        <a href="" num="3">4</a>
        <a href="" num="4">5</a>
        <a href="" num="5">6</a>
        <a href="" num="6">7</a>
        <a href="" num="7">8</a>
        <span>......</span>
        <span>
          <a href="javascript:void(0);" class="xia">下一页></a>
        </span>
      </div>
    </main>
    <!-- 底部 -->
    <footer>
      <div class="contact clearfix banxin">
        <dl>
          <dt>联系与支持</dt>
          <dd>400-882-775</dd>
          <dd>售后咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <dl>
          <dt>关于源码</dt>
          <dd>400-882-775</dd>
          <dd>售后咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <dl>
          <dt>快速入口</dt>
          <dd>400-882-775</dd>
          <dd>售后咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <dl>
          <dt>产品服务</dt>
          <dd>400-882-775</dd>
          <dd>售后咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <dl>
          <dt>解决方案</dt>
          <dd>400-882-775</dd>
          <dd>售后咨询</dd>
          <dd>客服&售后</dd>
          <dd>常见问题</dd>
          <dd>极速工单</dd>
          <dd>投诉与建议</dd>
        </dl>
        <div class="QR-code fr">
          <h4>微信公众号</h4>
          <p>源码时代</p>
          <img src="./images/wechat-white.png" alt="" />
        </div>
      </div>
      <!-- 版权 -->
      <div class="copy banxin clearfix">
        <p class="copy-l fl">
          <img src="./images/bei2.png" alt="" />
          <img src="./images/bei1.png" alt="" />
          <span
            >曾值电信业务经营许可证:蜀B2-20180596蜀ICP备15006450号-3营业执照</span
          >
        </p>
        <p class="copy-r fr">源码大数据股份有限公司©版权所有</p>
      </div>
    </footer>
    <!-- 登录页面 -->
    <div class="login-bg">
      <div class="login-screen">
        <span
          style="
            position: absolute;
            right: 0;
            top: 0;
            background: #eee;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
          "
          >×</span
        >
        <a href="./index.html">
          <img src="./images/loginlogo.png" alt="" />
        </a>
        <ul>
          <li>
            <span class="on">账号登录</span>
            <div class="">
              <div class="urs">
                <input type="text" placeholder="用户名/手机号/邮箱" />
                <span>×</span>
              </div>
              <div class="pwd">
                <input type="password" placeholder="密码" />
                <span>×</span>
              </div>
              <p style="text-align: right">
                <a href="">忘记密码</a>
              </p>
              <button>登录</button>
              <p>
                还没有源码账号，
                <a href="./register.html"
                  >立即注册
                  <span></span>
                </a>
              </p>
            </div>
          </li>
          <li></li>
          <li>
            <span>扫码登录</span>
            <div class="conceal">
              <div>
                <img
                  src="./images/showqrcode.jpg"
                  width="150px"
                  height="150px"
                  alt=""
                />
                <p>微信扫码登录</p>
                <p>未关注源码科技公众号，请先关注后再登录</p>
              </div>
              <p>
                还没有源码账号，
                <a href="./register.html"
                  >立即注册
                  <span></span>
                </a>
              </p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 提示框 -->
    <div class="tips">
      <p class="urs-error">用户名格式不正确</p>
      <p class="pwd-error">密码格式不正确</p>
      <p class="ogin-succeeded">登录成功</p>
    </div>
    <script src="./js/API.js"></script>
  </body>
</html>
